<template>
  <div class="home">
    <Header></Header>
    <div class="content g960 clearfix text-left">
      <h1 class="con-head">手游动态</h1>
      <ul class="news-list">
        <li v-for="news in NewsList">
          <router-link :to="'/news/'+news.id" tag="a" v-text="news.title"></router-link>
        </li>
      </ul>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from './fragment/Header.vue'
import Banner from './fragment/Banner.vue'
import Footer from './fragment/Footer.vue'
import { NewsList } from '../assets/js/data.js'

export default {
  name: 'Home',
  components: { Header, Banner, Footer },
  mounted() {},
  data() {
    return { NewsList: NewsList }
  }
}

</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


</style>
